<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Result</title>
</head>
<style>
  .all{
     width: 810px; 
     height: 500px;
     margin: 0 auto;
     display: flex;
     font-size:20px;
  }
  .left{
     width: 400px; 
     height: 500px;
     margin-left: 0px;
     line-height:50px;
     box-shadow:0 0px 10px #aaa;
  }
  .right{
     width: 400px; 
     height: 500px;
     margin-right: 0;
     line-height:60px;
     box-shadow:0 0px 10px #aaa;
  }
  .name{
     width: 140px; 
     height: 30px;
     margin: 0 auto;
     display: flex;
     font-size:20px;
  }
  .button{
     width: 110px; 
     height: 30px;
     margin-top: 50px;
     margin: 0 auto;
     box-shadow:0 0px 10px #aaa;
     text-align:center;
  }
  .but{
     width: 110px; 
     height: 30px;
     border:none;
     background:#FFFFFF;
  }
  .top{
    width: 810px; 
    height: 100px;
    margin: 0 auto;
    text-align:center;
    font-size:20px;
    display: flex;
  }
  .img{
    width: 160px; 
    height: 100px;
  }
</style>
<body>
<div class="name" th:each="user:${user}">
   <span>用户名：</span>
   <span th:text="${user.username}" ></span>
  </div>
  <div class="all">
  
    <div class="left" th:action="@{/result}" th:each="personal:${personal}"  >
      <h1 align="center">个人信息</h1>
      <span>姓名：</span>
      <span th:text="${personal.name}"></span>
      <br>
      <span>性别：</span>
      <span th:text="${personal.sex}"></span>
      <br>
      <span>出生：</span>
      <span th:text="${personal.born}"></span>
      <br>
      <span>学号：</span>
      <span th:text="${personal.number}"></span>
      <br>
      <span>年级：</span>
      <span th:text="${personal.grade}"></span>
      <br>
      <span>专业：</span>
      <span th:text="${personal.professional}"></span>
      <br>
      <span>学院：</span>
      <span th:text="${personal.college}"></span>
    </div>     
    <div class="right" th:each="choose:${choose}">
      <h1 align="center" >选课信息</h1>
      <span >已选的课：</span>
      <br>
     <span th:text="${choose.courses}" ></span>
    </div> 
    
  </div>
  
  <br>
  <form method="POST" th:action="@{/logout}" id="logoutForm">
  <div class="button"> 
      <input class="but" type="submit" value="Logout"/>
    </div>
    </form>
    <br>
  <div class="top">
   <div class="img">
       <img th:src="@{/images/4-1.png}"  width="80" height="90"/>
    </div>
    <div class="img">
       <img th:src="@{/images/4-2.png}"  width="80" height="90"/>
    </div>
    <div class="img">
       <img th:src="@{/images/4-3.png}"  width="80" height="90"/>
    </div>
    <div class="img">
       <img th:src="@{/images/4-4.png}"  width="80" height="90"/>
    </div>
    <div class="img">
       <img th:src="@{/images/4-5.png}"  width="80" height="90"/>
    </div>
  </div>
</body>
</html>